<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0050)file:///C:/git-project/Rofound.github.io/MyCV.html -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"></head><body><style>
          html,body,div,p{margin:0;padding:0}
          body{font-size:14px;font-family:"microsoft yahei";background-color:#ffffff}
          table{border-collapse:collapse;border-spacing:0;table-layout:fixed}
          th,td{font-size:14px;padding:0}
          a{text-decoration:none}
          img{border:0 none}
          .blue{text-decoration:none;color:#3c3d5d}
          .chead{width:1002px}
          .chead .logo{width:698px;height:90px}
          .chead .txt{width:152px;height:90px}
          .column{width:1002px;line-height:28px;border:1px solid #dedede}
          .column .hbox{width:185px;height:154px}
          .column .head{display:block;background-color:#fafafa}
          .column .box{width:100%;background-color:#ffffff;border-top:2px solid #f2f3f5}
          .column .box1{width:100%;word-wrap:break-word;color:#ffffff;background-color:#3f4160}
          .column .box2{width:100%;background-color:#f8f9fa}
          .column .tba{width:940px;padding:0 30px 15px}
          .column .tbb{width:940px;padding:0 30px}
          .column .tb1{width:900px;line-height:28px;color:#333333;word-break:break-all;padding:0 20px}
          .column .tb2{width:430px;padding:0 20px}
          .column .tb3{width:900px;padding:15px 20px 15px 0}
          .column .gray,.column .gray2{color:#999999;word-break:break-all}
          .column .gray2{color:#666666}
          .column .plate1,.column .plate2{width:430px;height:54px;font-size:16px;font-weight:bold;color:#818ba3}
          .column .plate1{width:900px;padding:0 50px}
          .column .plate1 .f16{font-size:14px;font-weight:normal;color:#333333}
          .column .plate1 .f12{font-size:12px;font-weight:normal;color:#999999}
          .column .keys,.column .keys2{width:85px;line-height:28px;color:#666666}
          .column .keys2{width:110px}
          .column .txt1,.column .txt2,.column .txt3{width:815px;line-height:28px;color:#333333;word-break:break-all}
          .column .txt2{width:345px}
          .column .txt3{width:auto;max-width:815px;font-size:14px;font-weight:bold}
          .column .txt4{width:305px;color:#ffffff;word-break:break-all}
          .column .infr{width:767px;color:#ffffff;table-layout:auto}
          .column .vam,.column .grcha{vertical-align:middle;margin-left:5px}
          .column .box1 .vam{margin-right:5px;margin-left:0;}
          .column .name{font-size:24px;padding-bottom:18px}
          .column .icard{color:#a1a3ae;padding-bottom:18px}
          .column .con{border-top:1px dotted #ddd}
          .column .pr20{width:225px;padding-right:20px}
          .column .time{width:120px;line-height:28px;color:#666666;padding-left:20px}
          .column .rtbox{width:765px;line-height:28px;color:#333333;padding:0 20px 0 15px;word-break:break-all}
          .column .hai,.column .guan{line-height:18px;font-size:12px;color:#ffffff;vertical-align:text-top;margin-left:5px;padding:1px 3px;background-color:#3cbe7f;border-radius:2px}
          .column .guan{background-color:#ff9f20}
          .column .tag{display:inline-block;word-break:break-all;#display:inline;#zoom:1}
          .column .all{color:#666;padding:10px 20px;background-color:#fafafa}
          .column .tit{width:900px;height:40px;color:#666666;padding:0 20px;background-color:#f5f5f5}
          .column .p15{padding:15px 0}
          .column .p5{display:inline-block;color:#666666;padding:0 5px;#display:inline;#zoom:1}
          .column .cell .skill{width:165px;text-align:right;padding-right:15px}
          .column .cell .skbg,.column .cell .skco{display:inline-block;width:245px;height:18px;line-height:18px;font-size:12px;color:#ffffff;vertical-align:top;margin-top:6px;background-color:#dddddd;border-radius:20px;#display:inline;#zoom:1}
          .column .cell .skco{width:235px;font-style:normal;margin-top:0;padding-left:10px;background-color:#ff9f20;z-index:3}
          /* 熟练 */
          .column .sl .skco{width:173px} 
          /* 良好 */
          .column .lh .skco{width:112px}
          /* 一般 */
          .column .yb .skco{width:51px}
          .column .fbox strong{font-size:14px;font-weight:bold}
          .column .cha{font-size:12px;font-weight:normal;color:#00457d;margin-left:5px}
          .column .cha:hover{color:#ff6000}
          .column .email{width:330px}

          .eng td,.eng .txt3,.eng .fbox strong{font-size:13px;font-family:'Arial'}
          .eng .txt1,.eng .rtbox,.eng .phd{width:775px;font-size:13px;font-family:'Arial';line-height:28px}
          .eng .txt2{width:305px}
          .eng .txt4{width:245px}
          .eng .cell .txt3{width:120px}
          .eng .time,.eng .keys{width:110px;font-size:13px;text-align:right}
          .eng .cell .skill{width:130px}
          .eng .phd{padding-left:145px}
          .eng .keys{padding-right:15px}
          .eng .pr20{width:205px}
          .eng .pr20 .keys{width:100px}
          .eng .email{width:270px}
          [v-cloak]{display: none;}
          .hide{display: none;}
          .open-all{font-size: 12px;cursor: pointer;}
          [href]{color:#3cbe7f;}
          .text-center{text-align: center;}
        </style><table id="app" v-cloak cellpadding="0" cellspacing="0" align="center" bgcolor="#fff" class="column"><tbody><tr><td valign="top"><table xmlns="" cellspacing="0" cellpadding="0" border="0" class="box1"><tbody><tr>
<td class="hbox" align="middle" style="width: 49px;"><img style="display:none;" src="./MyCV_files/man.png" width="85" height="104" class="head"></td>
<td><table cellspacing="0" cellpadding="0" border="0" class="infr"><tbody>
<tr>
<td colspan="2" class="name">刘培</td>
<td align="right" class="icard" style="display:none;">
                    ID:368821520</td>
</tr>
<tr>
<!-- <td valign="top">
<img class="vam" src="./MyCV_files/y1.png" width="20" height="20">目前正在找工作</td> -->
<td valign="top">
<img class="vam" src="./MyCV_files/y2.png" width="20" height="20"><a href="tel:13203205922">13203205922</a> (微信同号)</td>
<td valign="top"><table cellspacing="0" cellpadding="0" border="0" class="email"><tbody><tr>
<td valign="top" width="25"><img class="vam" style="margin-top: 5px;"  src="./MyCV_files/y3.png" width="20" height="20"></td>
<td valign="top" class="txt4"><a href="mailto:tobelee@qq.com">tobelee@qq.com</a></td>
</tr></tbody></table></td>
</tr>
<tr><td valign="top" colspan="3"><p><img class="vam" src="./MyCV_files/y4.png" width="20" height="20">男<span class="p5">|</span><span id="age">21 岁</span> (1998/05/23)<span class="p5">|</span>现居住上海-松江区<span class="p5">|</span>三年经验
                    </p></td></tr>
</tbody></table></td>
</tr></tbody></table>
<table xmlns="" cellspacing="0" cellpadding="0" border="0" class="box2"><tbody><tr><td class="tba"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="tb2"><table cellspacing="0" cellpadding="0" border="0">
<thead style="height:0"><tr>
<td valign="top" class="keys"></td>
<td valign="top" class="txt2"></td>
</tr></thead>
<tbody>
<tr><td colspan="2" class="plate2">最近工作</td></tr>
<tr>
<td valign="top" class="keys">职位：</td>
<td valign="top" class="txt2">Web前端开发工程师</td>
</tr>
<tr>
<td valign="top" class="keys">公司：</td>
<td valign="top" class="txt2">上海德拓信息技术股份有限公司</td>
</tr>
<tr>
<td valign="top" class="keys">行业：</td>
<td valign="top" class="txt2">互联网 / 大数据</td>
</tr>
</tbody>
</table></td>
<td valign="top" class="tb2"><table cellspacing="0" cellpadding="0" border="0">
<thead style="height:0"><tr>
<td valign="top" class="keys"></td>
<td valign="top" class="txt2"></td>
</tr></thead>
<tbody>
<tr><td colspan="2" class="plate2">最高学历</td></tr>
<tr>
<td valign="top" class="keys">专业：</td>
<td valign="top" class="txt2">计算机应用</td>
</tr>
<tr>
<td valign="top" class="keys">学校：</td>
<td valign="top" class="txt2">长沙理工大学(自考)</td>
</tr>
<tr>
<td valign="top" class="keys">学历：</td>
<td valign="top" class="txt2">本科</td>
</tr>
</tbody>
</table></td>
</tr></tbody></table></td></tr></tbody></table>
<table xmlns="" cellspacing="0" cellpadding="0" border="0" class="box"><tbody>
<tr><td class="plate1">求职意向</td></tr>
<tr><td class="tba"><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr>
<td class="tb2" valign="top"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">期望薪资：</td>
<!--<td valign="top" class="txt2">6000-7999
                                            元/月
                                          </td>-->
<td valign="top" class="txt2">面议
                                            
                                          </td>
</tr></tbody></table></td>
<td class="tb2" valign="top"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys"></td>
<td valign="top" class="txt2"><span class="tag"></span></td>
</tr></tbody></table></td>
</tr>
<tr>
<td class="tb2" valign="top"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
</tr></tbody></table></td>
<td class="tb2" valign="top"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
</tr></tbody></table></td>
</tr>
<tr>
<td class="tb2" valign="top"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">到岗时间：</td>
<td valign="top" class="txt2">待定</td>
</tr></tbody></table></td>
<td class="tb2" valign="top"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">工作类型：</td>
<td valign="top" class="txt2">全职</td>
</tr></tbody></table></td>
</tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0">
<thead style="height:0"><tr>
<td valign="top" class="keys"></td>
<td valign="top" class="txt1"></td>
</tr></thead>
<tbody><tr>
<td valign="top" class="keys">自我评价：</td>
<td valign="top" class="txt1">性格开朗、有活力、待人真诚、热爱锻炼、喜欢书法、热爱网络、学习努力，能吃苦耐劳、虚心求教、实践能力强、自学能力强,在校期间表现优异获得过奖学金。</td>
</tr></tbody>
</table></td></tr>
</tbody></table></td></tr>
</tbody></table>

<table xmlns="" cellspacing="0" cellpadding="0" border="0" class="box"><tbody>
<tr><td class="plate1">工作经验<span class="open-all" @click="changeShow('workExperiencesBefore')">{{historyShow('workExperiencesBefore')}}</span></td></td></tr>
<tr><td class="tba">
<table cellspacing="0" cellpadding="0" border="0">
<tbody>

  <tr><td class="p15 "><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr>
<td valign="top" class="time">2018/8-至今</td>
<td valign="top" class="rtbox">
<strong class="txt3">前端开发工程师</strong><span class="p5">|</span><span>研发体系/数据中心</span>
</td>
</tr>
<tr><td class="phd tb1" colspan="2">
<span>上海德拓信息技术股份有限公司</span><span class="gray">&nbsp;[19个月]
                    </span>
</td></tr>
<tr><td class="phd tb1 gray2" colspan="2">互联网 / 大数据<span class="p5">|</span>大于450人<span class="p5">|</span>合资</td></tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">工作描述：</td>
<td valign="top" class="txt1">1、负责公司项目的前端模块开发和维护。<br>2、与设计师、后端研发人员高效协作，完成产品需求开发。<br>3、编写易读、易维护的代码，参与团队规范建设。<br>4、关注前沿技术，进行新技术调研，通过技术服务团队和业务。</td>
</tr></tbody></table></td></tr>
</tbody></table></td>
</tr>

<tr :class="[hideClass('workExperiencesBefore')]"><td class="p15 con"><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr>
<td valign="top" class="time">2018/3-2018/7</td>
<td valign="top" class="rtbox">
<strong class="txt3">前端开发工程师</strong><span class="p5">|</span><span>IT部</span>
</td>
</tr>
<tr><td class="phd tb1" colspan="2">
<span>参参网络科技有限公司</span><span class="gray">&nbsp;[4个月]
                    </span>
</td></tr>
<tr><td class="phd tb1 gray2" colspan="2">互联网/电子商务<span class="p5">|</span>少于50人<span class="p5">|</span>民营公司</td></tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">工作描述：</td>
<td valign="top" class="txt1">1、完成组长分配的前端开发任务。<br>2、微信公众号开发与维护。<br>3、web前端静态页面开发与数据绑定。<br>4、学习一些新的库用于项目中的技术难点: webupload.js 、iscroll-probe.js。</td>
</tr></tbody></table></td></tr>
</tbody></table></td>
</tr>

<tr :class="[hideClass('workExperiencesBefore')]"><td class="p15 con"><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr>
<td valign="top" class="time">2017/7-2018/2</td>
<td valign="top" class="rtbox">
<strong class="txt3">实习生</strong><span class="p5">|</span><span>研发部</span>
</td>
</tr>
<tr><td class="phd tb1" colspan="2">
<span>湖南卓景京信息技术有限公司</span><span class="gray">&nbsp;[7个月]
                    </span>
</td></tr>
<tr><td class="phd tb1 gray2" colspan="2">计算机软件<span class="p5">|</span>50-150人<span class="p5">|</span>民营公司</td></tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">工作描述：</td>
<td valign="top" class="txt1">1、参与卓景京学生管理系统的开发,项目中使用分层设计模型开发，大大减少了开发的时间，使用的技术有RMI(远程方法调用)、JDBC(Java数据库连接)、多线程、Socket编程、MySQL数据库DDL、DCL、DQL、DML，View使用控制台显示。<br>2、使用css3、html5、js编写静态页面。</td>
</tr></tbody></table></td></tr>
</tbody></table></td></tr>
</tbody></table></td></tr>

</tbody></table>
<table cellspacing="0" cellpadding="0" border="0" class="box"><tbody>
  <!-- <tr><td class="tit">技能/语言</td></tr> -->
  <tr><td class="plate1">技能/语言</td></tr>
  <tr><td class="p15">
    <table cellspacing="0" cellpadding="0" border="0">
      <tbody>

        <tr v-for="skill in skills">
          <td class="tb2 cell" :class="[skill.class? skill.class: 'hide']" valign="top">
            <table cellspacing="0" cellpadding="0" border="0">
              <tbody>
                <tr>
                  <td class="skill"><strong class="txt3">{{skill.name}}</strong></td>
                  <td valign="top"><span class="skbg"><span class="skco">{{handleSkillText(skill)}}</span></span></td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>

  </tbody>
  </table></td></tr> 
</tbody></table>
<table xmlns="" cellspacing="0" cellpadding="0" border="0" class="box"><tbody>
<tr>
  
  <td class="plate1">项目经验</td></td></tr>
<tr>
  
  <td class="" >
    <table cellspacing="0" cellpadding="0" border="0">
<tbody>

    <tr>
      <td class="tba" ><table cellspacing="0" cellpadding="0" border="0"><tbody>
      <tr>
      <td valign="top" class="time">2019/10~至今</td>
      <td valign="top" class="rtbox"><strong>公司内部系统 -- itbasic2.0 </strong></td>
      </tr>
      <tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
      <td valign="top" class="keys">项目描述：</td>
      <td valign="top" class="txt1">该项目是为企业管理而生的系统，包含公司业务服务及公司内部管理。
 <br>
  Vue+Vuex+Ant-design-of-vue+less+scss+axios+Vue-CLI@3.x + webpack-cdn-plugin+vuex-persistedstate+Vue-router
  <br>
  1. 使用Vue-CLI@3.x进行项目搭建; 
  <br>
  2. 使用Ant-design-of-vue 组件实现设计搞； 
  <br>
</td>
      </tr></tbody></table></td></tr>
      <tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
      <td valign="top" class="keys">责任描述：</td>
      <td valign="top" class="txt1">把老版itbasic1.0的模块重写，涉及模块包含用户设置（密码、头像、签名）、新增管理（合同、服务、人员、商机、报销）、活动管理、协会字管理、积分管理、销售日报、产品管理、需求管理、销售驾驶舱。</td>
      </tr></tbody></table></td></tr>
      </tbody></table>
      </td>
    </tr>

    <tr>
      <td class="tba" >
        <table cellspacing="0" cellpadding="0" border="0"><tbody>
      <tr>
      <td valign="top" class="time">2019/12~2019/12/15</td>
      <td valign="top" class="rtbox"><strong>MOOC视频课程爬取平台</strong></td>
      </tr>
      <tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
      <td valign="top" class="keys">项目描述：</td>
      <td valign="top" class="txt1">该项目是为公司客户而实现的，目的是利用python爬取客户需要的视频课程。项目模块有搜索课程（类似百度搜索）、课程详情（课程介绍、下载章节视频、预览下载完成的章节视频、下载出错后重试下载章节）、平台帐号管理、任务查看器（可以查看状态（已下载、下载中、下载完成、下载失败）及搜索相应状态下的课程）、平台帐号管理（增加、删除、修改、列表查看）;
    <br>
      Vue+Vuex+Ant-design-of-vue+less+axios+Vue-CLI@3.x + webpack-cdn-plugin+vuex-persistedstate+Vue-router
      <br>
      1. 使用Vue-CLI@3.x进行项目搭建; 
      <br>
      2. 使用Ant-design-of-vue 组件实现设计搞； 
      <br>
    </td>
    </tr></tbody></table></td></tr>

    <tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
      <td valign="top" class="keys">责任描述：</td>
      <td valign="top" class="txt1">项目搭建及功能实现</td>
      </tr></tbody></table></td></tr>
      </tbody></table>
      </td>
    </tr>
  
  <td class="tba" >
    <table cellspacing="0" cellpadding="0" border="0">
<tbody>

    <tr>
      <td class="p15 con" ><table cellspacing="0" cellpadding="0" border="0"><tbody>
      <tr>
      <td valign="top" class="time">2019/8~2019/9</td>
      <td valign="top" class="rtbox"><strong>python脚本爬虫管理平台</strong></td>
      </tr>
      <tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
      <td valign="top" class="keys">项目描述：</td>
      <td valign="top" class="txt1"> 模块：登录、退出、用户模块（新建用户、删除用户、搜索用户、设为管理员、查看用户列表）、爬虫模块（新建爬虫、删除爬虫、更新爬虫、查询爬虫、查看爬虫列表）、角色模块（新建角色、删除角色、修改角色、查看角色列表）、任务模块（运行爬虫任务、下载爬虫数据、删除爬虫任务、查询爬虫任务）、用户权限(普通用户和管理员，可以通过配置router.config.js 来修改用户所拥有的模块访问权限);
 <br>
  Vue+Vuex+Ant-design-of-vue+less+axios+Vue-CLI@3.x + webpack-cdn-plugin+vuex-persistedstate+Vue-router
  <br>
  1. 使用Vue-CLI@3.x为主要技术栈进行项目搭建; 
  <br>
  2. 使用Ant-design-of-vue 组件实现设计搞； 
  <br>
</td>
      </tr></tbody></table></td></tr>
      <tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
      <td valign="top" class="keys">责任描述：</td>
      <td valign="top" class="txt1">项目搭建及功能实现</td>
      </tr></tbody></table></td></tr>
      </tbody></table>
      </td>
    </tr>

    <tr>
      <td class="p15 con" ><table cellspacing="0" cellpadding="0" border="0"><tbody>
      <tr>
      <td valign="top" class="time">2019/4~2019/7</td>
      <td valign="top" class="rtbox"><strong>数据化运营管理系统</strong></td>
      </tr>
      <tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
      <td valign="top" class="keys">项目描述：</td>
      <td valign="top" class="txt1">数据化运营是公司高层对公司管理的一个数据可视化分析、及时告警。用户主要有公司负责人，体系负责 人，部门经理。分别有经营分析、人员分析、商机分析，人才盘点四个模块。经营分析主要包含公司的产 品，合同，收入，应收，行业，销售排行；人员分析主要有人员岗位分布，入职时间，年龄层次，教育层 次，性别比，婚姻况状，成熟度，人数波动，学历等；商机分析主要有四个季度预测（当前季度往前推三个季度），新增项目，项目同比环比数据，商机构成，丢单分析，项目状态，项目延期排名，无商机合同。
 <br>
  Vue+Vuex+ElementUI+scss+axios+Vue-CLI@3.x + webpack-cdn-plugin+vuex-persistedstate+Vue-router+Echarts
  <br>
  1. 使用Vue-CLI@3.x为主要技术栈进行项目搭建; 
  <br>
  2. 使用ElementUI组件实现设计搞； 
  <br>
  3. 及时告警使用WebSocket 保持消息推送； 
  <br>
  4. 使用ECharts 展示统计数据，点击ECharts 对应数据项显示详细; 
  <br>
  5. 使用自定义vue指令 完成界面元素权限显示；  
</td>
      </tr></tbody></table></td></tr>
      <tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
      <td valign="top" class="keys">责任描述：</td>
      <td valign="top" class="txt1">项目搭建及人员分析，经营分析模块，权限管理，统一登录，统一退出登录。 </td>
      </tr></tbody></table></td></tr>
      </tbody></table>
      </td>
    </tr>

    <tr>
      <td class="p15 con" ><table cellspacing="0" cellpadding="0" border="0"><tbody>
      <tr>
      <td valign="top" class="time">2018/10~2018/10/5</td>
      <td valign="top" class="rtbox"><strong>德拓翻译</strong></td>
      </tr>
      <tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
      <td valign="top" class="keys">项目描述：</td>
      <td valign="top" class="txt1">接入google 翻译接口，完成8国语言的翻译功能，是政府的一个招标项目，           项目功能完成8语言实时翻译。
  <br>
  1. 使用jQuery + bootstrap； 
  <br>
  2. 使用jQuery.ajax 进行接口请求； 
</td>
      </tr></tbody></table></td></tr>
      <tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
      <td valign="top" class="keys">责任描述：</td>
      <td valign="top" class="txt1">调用python后端接口完成前端功能实现</td>
      </tr></tbody></table></td></tr>
      </tbody></table>
      </td>
    </tr>

    <tr>
      <td class="p15 con" ><table cellspacing="0" cellpadding="0" border="0"><tbody>
      <tr>
      <td valign="top" class="time">2018/8~2019/2</td>
      <td valign="top" class="rtbox"><strong>数据交易平台</strong></td>
      </tr>
      <tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
      <td valign="top" class="keys">项目描述：</td>
      <td valign="top" class="txt1">项目类似https://www.juhe.cn/, 该项目为许多行业提供数据与接口的交易平台，项目模块有行业数                据集服务，登录，注册, 个人中心等。行业接口服务。行业数据集展示行业数据集的预览，热度 ，下            载，评论，收藏等功能；接口服务有接口预览，热度，示例，申请，收藏，下载, 评论等功能。 
  <br>
  1. 前端大部分模块使用模版库swig 由nodejs后端渲染界面,通过nodejs调用php端接口获取数据传入前端模版; 
  <br>
  2. 个人中心使用 Vue+Vuex+Iview+scss+axios+Vue-CLI@3.x + webpack-cdn-plugin+vuex-persistedstate+Vue-router ； 
  <br>
  3. 使用 web work 处理大量json 转换为对象并显示到界面； 
</td>
      </tr></tbody></table></td></tr>
      <tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
      <td valign="top" class="keys">责任描述：</td>
      <td valign="top" class="txt1">调用nodejs后端接口完成功能实现</td>
      </tr>
    
    </tbody></table></td>
  
  </tr>
      </tbody></table>
      </td>
    </tr>
  
    <tr>

  <td class="p15 con" :class="[hideClass('projectExperiencesBefore')]"><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr>
<td valign="top" class="time">2018/6-2018/7</td>
<td valign="top" class="rtbox"><strong>派拍房后台管理系统</strong></td>
</tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">项目描述：</td>
<td valign="top" class="txt1">主要开发一套在管理的派拍房系统的后台系统，用于公司内部人员，管理房源相关事宜，主要功能有日志管理、基础设置、用户管理、房源管理、订单管理、财务系统、猜价管理、配套数据管理、问题反馈。<br>该后台管理系统使用Vue.js 做整体框架，使用的第三方库有bootstrap、jquery、webuploader.js等。</td>
</tr></tbody></table></td></tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">责任描述：</td>
<td valign="top" class="txt1">1、出租、出售上架房源界面编写与数据绑定。<br>2、审核房源静态界面编写与数据绑定。</td>
</tr></tbody></table></td></tr>
</tbody></table></td>

</tr>
<tr><td class="p15 con" :class="[hideClass('projectExperiencesBefore')]"><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr>
<td valign="top" class="time">2018/4-2018/5</td>
<td valign="top" class="rtbox"><strong>派拍房网页</strong></td>
</tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">所属公司：</td>
<td valign="top" class="txt1">参参网络科技有限公司</td>
</tr></tbody></table></td></tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">项目描述：</td>
<td valign="top" class="txt1">派拍房系统Web网站，派拍房是二手房租赁买卖的互联网平台，致力于打造在线上就可以租赁买卖而提供一站式服务的平台，其中有四大角色：房东、专家、买家、卖家，主要的模块有我是房东、我是专家、我要服务、我要找房、大玩家。派拍房在做的事情,帮助租客和房东在最短的时间里,以最少的成本费用找到彼此。我要找房主要功能有附近找房、轨交找房、地图找房、任性选房。我是房东主要功能有出租房源上架、出售房源上架。我要服务主要功能在线咨询、委托代办。我是专家主要功能有我来答疑、我来代办、我来采集、我来评价。大玩家主要功能有精品房源详情查看、出价及出价动态信息、猜价押注、中奖公告信息查看、我的押注。订单模块有出租订单、出售订单、咨询订单、代办订单。我的帐户模块有我的收藏、钱包、我的订单、下载app。<br>该系统使用前后端分离开发。后台使用Java语言开发，Spring+SpringMVC+Mybatis以分层设计为主导，还使用到redis缓存、mongoDB、face++、MQ消息队列服务以mysql 数据库为底层数据库，使用mongoDB做些日志的缓存。前台使用的技术有knockout.js、bootstrap、jquery、echart、iscroll。</td>
</tr></tbody></table></td></tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">责任描述：</td>
<td valign="top" class="txt1">1、附近找房静态页面编写<br>2、地铁找房静态页面编写<br>3、贷款计算静态页面编写 </td>
</tr></tbody></table></td></tr>
</tbody></table></td></tr>
<tr><td class="p15 con" :class="[hideClass('projectExperiencesBefore')]"><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr>
<td valign="top" class="time">2018/3-2018/5</td>
<td valign="top" class="rtbox"><strong>派拍房公众号</strong></td>
</tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">所属公司：</td>
<td valign="top" class="txt1">参参网络科技有限公司</td>
</tr></tbody></table></td></tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">项目描述：</td>
<td valign="top" class="txt1">开发一套在微信上使用的派拍房系统，派拍房是二手房租赁买卖的互联网平台，致力于打造在线上就可以租赁买卖而提供一站式服务的平台，其中有四大角色：房东、专家、买家、卖家，主要的模块有我是房东、我是专家、我要服务、我要找房、大玩家。派拍房在做的事情,帮助租客和房东在最短的时间里,以最少的成本费用找到彼此。我要找房主要功能有附近找房、轨交找房、地图找房、任性选房。我是房东主要功能有出租房源上架、出售房源上架。我要服务主要功能在线咨询、委托代办。我是专家主要功能有我来答疑、我来代办、我来采集、我来评价。大玩家主要功能有精品房源详情查看、出价及出价动态信息、猜价押注、中奖公告信息查看、我的押注。订单模块有出租订单、出售订单、咨询订单、代办订单。我的帐户模块有我的收藏、钱包、我的订单、下载app。<br>该系统使用前后端分离开发。后台使用Java语言开发，Spring+SpringMVC+Mybatis以分层设计为主导，还使用到redis缓存、mongoDB、face++、MQ消息队列服务以mysql 数据库为底层数据库，使用mongoDB做些日志的缓存。前台使用的技术有knockout.js、bootstrap、jquery、echart、iscroll。</td>
</tr></tbody></table></td></tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">责任描述：</td>
<td valign="top" class="txt1">1、我的订单模块中的出售订单、出租订单静态页面编写与数据绑定。<br>2、我的钱包模块静态页面编写与数据绑定。<br>3、下载app静态页面编写。<br>4、我要找房模块中的荷式竞价页面编写与数据绑定。<br>5、其它页面的bug维护。</td>
</tr></tbody></table></td></tr>
</tbody></table></td></tr>
<tr><td class="p15 con" :class="[hideClass('projectExperiencesBefore')]"><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr>
<td valign="top" class="time">2017/11-2018/2</td>
<td valign="top" class="rtbox"><strong>畅购</strong></td>
</tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">项目描述：</td>
<td valign="top" class="txt1">本项目这电商项目。基于B2C模式，将实现用户通过互联网完成商品采购的整个过程。用户可以同互联网选购自己需要的商品，并在网上进行支付。采用基于Java的SSH（Hibernate、Struts、Spring）三大框架的技术结合MySQL数据库，来的实现的购物商城。该系统主要包括用户模块(登录、注册)、商品模块、订单模块、购物车模块(未注册用户的购物车的生成、以及从购物车到提交到订单)、信息公告。其中，用户可以分为：普通注册用户、会员注册用户、系统管理员三大类。<br>主要功能模块大致可以分为：前台功能模块,后台功能模块。</td>
</tr></tbody></table></td></tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">责任描述：</td>
<td valign="top" class="txt1">主要负责登录和注册模块及商品模块。</td>
</tr></tbody></table></td></tr>
</tbody></table></td></tr>
<tr><td class="p15 con" :class="[hideClass('projectExperiencesBefore')]"><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr>
<td valign="top" class="time">2016/10-2017/1</td>
<td valign="top" class="rtbox"><strong>学生信息管理系统</strong></td>
</tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">项目描述：</td>
<td valign="top" class="txt1">本系统是针对学校学生处的大量业务处理工作而开发的管理软件，主要用于学校学生信息管理，总体任务是实现学生信息关系的系统化、科学化、规范化和自动化，其主要任务是用计算机对学生各种信息进行日常管理，如查询、修改、增加、删除等，另外还考虑到学生选课，针对这些要求设计了学生信息管理系统。推行学校信息管理系统的应用是进一步推进学生学籍管理规范化、电子化、控制辍学和提高义务教育水平的重要举措。采用基于Java技术结合MySQL数据库，来实现一个后台管理系统。该系统主要包括用户模块(登录、注册)、班级模块、教师模块、聊天模块等。其中，用户可以分为：学生用户、老师用户二类。</td>
</tr></tbody></table></td></tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">责任描述：</td>
<td valign="top" class="txt1">自主开发</td>
</tr></tbody></table></td></tr>
</tbody></table></td></tr>
</tbody></table></td>

</tr>
<tr class="p15">
    <td class="tb1 text-center" colspan="2">
      <span class="open-all " @click="changeShow('projectExperiencesBefore')">{{historyShow('projectExperiencesBefore', '更多项目经验<<<', '>>>')}}</span>
    </td>
  </tr>
</tbody></table>
<table xmlns="" class="box"><tbody>
<tr><td class="plate1">教育经历<span class="open-all" @click="changeShow('educationExperiencesShow')">{{historyShow('educationExperiencesShow', '', '>')}}</span></td></td></tr>
</td></tr><tr><td class="tba" :class="[hideClass('educationExperiencesShow')]"><table cellspacing="0" cellpadding="0" border="0">
<tbody><tr><td class="p15"><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr>
<td valign="top" class="time">2016/4-2018/6</td>
<td valign="top" class="rtbox"><strong>长沙理工大学(自考)</strong></td>
</tr>
<tr><td class="tb1" colspan="2">本科<span class="p5">|</span>计算机应用</td></tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">专业描述：</td>
<td valign="top" class="txt1">主要学习了C语言、Java语言程序设计、数据结构、UML和软件工程、操作系统原理、SQL Server 2005数据库等专业课程</td>
</tr></tbody></table></td></tr>
</tbody></table></td></tr>
<tr><td class="p15 con"><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr>
<td valign="top" class="time">2013/9-2018/6</td>
<td valign="top" class="rtbox"><strong>湖南软件职业学院(全日制[学信网可查])</strong></td>
</tr>
<tr><td class="tb1" colspan="2">大专<span class="p5">|</span>软件工程</td></tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">专业描述：</td>
<td valign="top" class="txt1">主要学习了MySQL5.1、SQL Server 2005、网络安全、C语言程序设计、Java语言程序设计、Javascript语言程序设计、Web程序设计、HTML5、PhotoShop、UML和软件工程、外包英文、操作系统原理等课程。</td>
</tr></tbody></table></td></tr>
</tbody></table></td></tr>
</tbody></table></td></tr>
</tbody></table>
<table xmlns="" cellspacing="0" cellpadding="0" border="0" class="box"><tbody>
<tr><td class="plate1">在校情况<span class="open-all" @click="changeShow('schoolExperiencesShow')">{{historyShow('schoolExperiencesShow', '', '>')}}</span></td></td></tr>
</td></tr>
<tr><td class="tba" :class="[hideClass('schoolExperiencesShow')]">
<table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr><td class="tit">校内荣誉</td></tr>
<tr><td class="tb3"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="time">2017/10</td>
<td valign="top" class="rtbox"><strong class="txt3">国家励志奖学金</strong></td>
</tr></tbody></table></td></tr>
</tbody></table>
<table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr><td class="tit">校内职务</td></tr>
<tr><td class="p15"><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr>
<td valign="top" class="time">2016/11-2017/11</td>
<td valign="top" class="rtbox"><strong class="txt3">电脑维修</strong></td>
</tr>
<tr><td class="tb1" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">职务描述：</td>
<td valign="top" class="txt1">主要从事电脑系统重装。主要为蓝屏维护、检查机箱内部异常、校园宽带无法拨号、系统病毒故障。</td>
</tr></tbody></table></td></tr>
</tbody></table></td></tr>
</tbody></table>
</td></tr>
</tbody></table>
<table xmlns="" cellspacing="0" cellpadding="0" border="0" class="box"><tbody>
<tr><td class="plate1">
              技能特长
              <span class="f12">（包括语言能力、证书）</span>
</td></tr>
<tr>
<td class="tbb">
<table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr><td class="tit">证书<span class="open-all" @click="changeShow('certificateExperiencesShow')">{{historyShow('certificateExperiencesShow', '', '>')}}</span></td></td></tr>
</td></tr>
<tr><td class="tb3" :class="[hideClass('certificateExperiencesShow')]">
<table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="time">2018/4</td>
<td valign="top" class="rtbox"><strong class="txt3">湘潭市优秀毕业生</strong></td>
</tr></tbody></table></td></tr>
<tr><td class="tb3 con" :class="[hideClass('certificateExperiencesShow')]"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="time">2017/12</td>
<td valign="top" class="rtbox"><strong class="txt3">2016-2017年国家励志奖学金</strong></td>
</tr></tbody></table></td></tr>
<tr><td class="tb3 con" :class="[hideClass('certificateExperiencesShow')]"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="time">2016/12</td>
<td valign="top" class="rtbox">
<strong class="txt3">全国信息化工程师项目证书</strong><span>
                      （合格）
                    </span>
</td>
</tr></tbody></table></td></tr>
<tr><td class="tb3 con" :class="[hideClass('certificateExperiencesShow')]"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="time">2015/6</td>
<td valign="top" class="rtbox">
<strong class="txt3">高等学校英语应用能力考试(A级)</strong><span>
                      （合格）
                    </span>
</td>
</tr></tbody></table></td></tr>
<tr><td class="tb3 con" :class="[hideClass('certificateExperiencesShow')]"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="time">2014/12</td>
<td valign="top" class="rtbox">
<strong class="txt3">普通话测试等级证书</strong><span>
                      （二级乙等）
                    </span>
</td>
</tr>
</tbody></table></td></tr>
</tbody></table>
</td></tr>
</tbody></table>
<!-- <table xmlns="" cellspacing="0" cellpadding="0" border="0" class="box"><tbody> -->
<tr><td class="plate1">附加信息<span class="open-all" @click="changeShow('attchmenExperiencesShow')">{{historyShow('attchmenExperiencesShow', '', '>')}}</span></td></td></tr>
</td></tr>
<tr><td class="tba" :class="[hideClass('attchmenExperiencesShow')]"><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr><td class="tit">附件</td></tr>
<tr><td class="p15"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tb1"><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr>
<td valign="top" class="keys">附件：</td>
<td valign="top" class="txt3">
<strong>普通话</strong><a target="_blank" class="cha" href="http://i.51job.com/resume/ajax/image.php?type=image&amp;userid=368821520&amp;attachid=43327465&amp;key=1ebcae7f09a93a229c6c6ab4b8a21a7c">
                              查看&gt;
                            </a>
</td>
</tr>
<tr>
<td valign="top" class="keys">附件描述：</td>
<td valign="top" class="txt1">2014-12-07 普通话</td>
</tr>
</tbody></table></td></tr></tbody></table></td></tr>
<tr><td class="p15 con"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tb1"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">附件：</td>
<td valign="top" class="txt3">
<strong>2016-2017年国家励志奖学金</strong><a target="_blank" class="cha" href="http://i.51job.com/resume/ajax/image.php?type=image&amp;userid=368821520&amp;attachid=45522920&amp;key=1ebcae7f09a93a229c6c6ab4b8a21a7c">
                              查看&gt;
                            </a>
</td>
</tr></tbody></table></td></tr></tbody></table></td></tr>
<tr><td class="p15 con"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tb1"><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr>
<td valign="top" class="keys">附件：</td>
<td valign="top" class="txt3">
<strong>英语三级</strong><a target="_blank" class="cha" href="http://i.51job.com/resume/ajax/image.php?type=image&amp;userid=368821520&amp;attachid=43327267&amp;key=1ebcae7f09a93a229c6c6ab4b8a21a7c">
                              查看&gt;
                            </a>
</td>
</tr>
<tr>
<td valign="top" class="keys">附件描述：</td>
<td valign="top" class="txt1">2015-6 英语三级考试通过</td>
</tr>
</tbody></table></td></tr></tbody></table></td></tr>
<tr><td class="p15 con"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tb1"><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr>
<td valign="top" class="keys">附件：</td>
<td valign="top" class="txt3">
<strong>全国信息化工程师</strong><a target="_blank" class="cha" href="http://i.51job.com/resume/ajax/image.php?type=image&amp;userid=368821520&amp;attachid=43327373&amp;key=1ebcae7f09a93a229c6c6ab4b8a21a7c">
                              查看&gt;
                            </a>
</td>
</tr>
<tr>
<td valign="top" class="keys">附件描述：</td>
<td valign="top" class="txt1">2016-12-12 全国信息化工程师</td>
</tr>
</tbody></table></td></tr></tbody></table></td></tr>
<tr><td class="p15 con"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tb1"><table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr>
<td valign="top" class="keys">附件：</td>
<td valign="top" class="txt3">
<strong>2014-2015优秀学生</strong><a target="_blank" class="cha" href="http://i.51job.com/resume/ajax/image.php?type=image&amp;userid=368821520&amp;attachid=43327400&amp;key=1ebcae7f09a93a229c6c6ab4b8a21a7c">
                              查看&gt;
                            </a>
</td>
</tr>
<tr>
<td valign="top" class="keys">附件描述：</td>
<td valign="top" class="txt1">2014-2015 优秀学生</td>
</tr>
</tbody></table></td></tr></tbody></table></td></tr>

<tr><td class="p15 con"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tb1"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td valign="top" class="keys">附件：</td>
<td valign="top" class="txt3">
<strong>湘潭市优秀毕业生</strong><a target="_blank" class="cha" href="http://i.51job.com/resume/ajax/image.php?type=image&amp;userid=368821520&amp;attachid=45522923&amp;key=1ebcae7f09a93a229c6c6ab4b8a21a7c">
                              查看&gt;
                            </a>
</td>
</tr></tbody></table></td></tr></tbody></table>
</td>
</tr>
</tbody></table></td></tr>
</tbody></table></td></tr></tbody></table>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      message: 'hello world!',
      projectExperiencesBefore: false,
      workExperiencesBefore: true,
      schoolExperiencesShow: false,
      certificateExperiencesShow: false,
      attchmenExperiencesShow: false,
      educationExperiencesShow: true,
      skills: [
        {
          class: 'sl',
          name: 'HTML5',  
        },
        {
          class: 'sl',
          name: 'CSS',  
        },
        {
          class: 'sl',
          name: 'JavaScript',  
        },
        {
          class: 'sl',
          name: 'vuejs',  
        },
        {
          class: 'sl',
          name: 'jQuery',  
        },
        {
          class: 'sl',
          name: 'knockout.js',  
        },
        {
          class: 'sl',
          name: 'Vuex',  
        },
        {
          class: 'sl',
          name: 'Vue Router',  
        },
        {
          class: 'sl',
          name: 'Axios',  
        },
        {
          class: 'sl',
          name: 'Ant Design of Vue',  
        },
        {
          class: 'sl',
          name: 'iView',  
        },
        {
          class: 'sl',
          name: 'Element',  
        },
        {
          class: 'sl',
          name: 'ECharts',  
        },
        {
          class: 'sl',
          name: 'Vue Cli3.x',  
        },
        {
          class: 'sl',
          name: 'Nodejs',  
        },
        {
          class: 'sl',
          name: 'express',  
        },
        {
          class: 'sl',
          name: 'redis',  
        },
        {
          class: 'lh',
          name: 'webpack',  
        },
        {
          class: 'lh',
          name: 'scss',  
        },
        {
          class: 'lh',
          name: 'less',  
        },
        {
          class: 'lh',
          name: 'npm',  
        },
        {
          class: 'lh',
          name: 'yarn',  
        },
        {
          class: 'lh',
          name: 'git',  
        },
        {
          class: 'lh',
          name: 'svn',  
        },
        {
          class: 'lh',
          name: 'Linux',  
        },
        {
          class: 'yb',
          name: 'MySQL',  
        },
        {
          class: 'yb',
          name: 'SQL',
        },
        {
          class: 'yb',
          name: 'Oracle',
        },
        {
          class: 'yb',
          name: 'PostgreSQL',  
        },
        {
          class: 'yb',
          name: 'SQL Server',
        },
        {
          class: 'yb',
          name: 'Android',
        },
        {
          class: 'yb',
          name: 'Java',
        },
      ]
    },
    methods: {
      changeShow(name) {
        this[name] = !this[name]
      },
      historyShow(name, suffix, prefix) {
        if (suffix === undefined) {
          suffix = '过往'
        }
        if (prefix === undefined) {
          prefix = '>>'
        }
        
        var r = !this[name]?'显示':'隐藏'
        return prefix + '点击' + r + suffix
      },
      hideClass(name) {
        return !this[name]? 'hide': null
      },
      handleSkillText(skill) {
        var mapText = {
          lh: '良好',
          sl: '熟练',
          yb: '一般',
        }
        return mapText[skill.class]
      },
    },
    computed: {
    },
    mounted() {
      function calcAge (myBirthday) {
        const birthday = new Date(myBirthday)
        const birthdayYear = birthday.getUTCFullYear()
        const birthdayMonth = birthday.getMonth() + 1
        const birthdayDate = birthday.getDate()
        const now = new Date()
        const nowYear = now.getFullYear()
        const nowMonth = now.getMonth() + 1
        const nowDate = now.getDate()
      
        let virAge = nowYear - birthdayYear
        if (nowMonth < birthdayMonth && nowDate < birthdayDate) {
          virAge--
        }

        return virAge
      }
      // 年龄
      document.getElementById('age').innerText = calcAge('1998-05-23') + ' 岁'
    },
  })
</script>
</body></html>
